<html xmlns:th="https://www.thymeleaf.org">
<head >
    <title>Custom Login Page</title>
</head>
<body >
<div >
    <form name="f" th:action="@{/loginPage}" method="post">
        <fieldset>
            <legend>Custom Login</legend>
            <div th:if="${param.error}" >
                <p style="color:red"> Invalid username and password.</p>
            </div>
            <div th:if="${param.logout}" >
                <p style="color:green">  You have been logged out.</p>
            </div>
            <label for="username">Username</label>
            <input type="text" id="username" name="username"/>
            <label for="password">Password</label>
            <input type="password" id="password" name="password"/>
            <div class="form-actions">
                <button type="submit" class="btn">Log in</button>
            </div>
        </fieldset>
    </form>
</div>
</body>
</html>